<%
String letter=request.getParameter("letter");
%>
<%@ page language="java" import="java.util.Enumeration"
	pageEncoding="utf-8" contentType="text/html;charset=utf-8"%>
<jsp:include page="layout/header.jsp">
	<jsp:param name="title" value="Hatforrent" />
	<jsp:param name="description" value="" />
	<jsp:param name="keywords" value="" />
	<jsp:param name="link" value="home" />
</jsp:include>
<div id="promo">
	<div id="promo_inner">
    	<div class="left">
            <a href="/register"><img src="/images/hfrbn.png"/></a>
        </div>
        <div class="right">
            <h2 class="title"><a href="#">Hatforrent Newsletter</a></h2>
            <div>	
				<p>Subscribe our newsletter to be the first to know all the latest news!</p>				
				<form action="/letter" method="post">
					<label>Your name</label>
					<input type="text" name="name"/>
					<label>
						Your email
						<%=(letter!=null)?"<span style='color:red;display:inline-block;margin-left:65px;'>"+letter+"</span>":"" %>
					</label>
					<input type="text" name="email"/>
					<button type="submit">Subscribe</button>
				</form>
			</div>
        </div>
        <div class="clearbreak"></div>
        <div class="graphic">
        	<a href="#">
                Hatforrent's benefit
            </a>
            <img src="images/benefit.png" alt="hatforrent's benefit" title="hatforrent's benefit" />
        </div>
        <div class="graphic">
        	<a href="/how-it-work">
                How Hatforrent work
            </a>
            <div>
           		<ol>                            
                   <li>Basically, our system can be called "content-hub", you just need to choose the type of your blog (for example: wordpress or blogspot), input the source, then our system will get all the newest content from that source and put them to your website.</li>                   
                   <li>Our system will scan the source in a period of time, whenever it finds a new article; it will put to your website.</li>
               </ol>             
               <img src="images/howitwork.png" alt="how it work" title="how it work" />                            
			</div>
        </div>
    </div>
</div>        
<div id="content">
	<div id="content_inner">
    	<div id="maincontent">
        	<div class="intro clearafter">
            <div>
                <div>
                    <h2 class="title blue"><a href="/service">Services</a></h2>
                    <div class="intro-service">
                    	<p>We provide two kinds of service :</p>
                        <ul>
                            <li><a href="/service">Bring to you the fresh content everyday</a></li>
                            <li><a href="/service">Choose your/the topic and we will help you to create your blog</a></li>
                        </ul>
                        <a class="readmore" href="/service">Detail</a>
                    </div>
                </div>
            </div>
            <div>
                <div>
                    <h2 class="title orange"><a href="javascript:void(0)">Link support</a></h2>
                    <ul>
                        <li><a href="/Some-tricks-to-get-content-with-Hatforrent.html">Some tricks to get content with Hatforrent</a></li>
                        <li><a href="/how-it-work">How hatforrent work</a></li>
                        <li><a href="/how-to-get-content">Getting Started</a></li>
                        <li><a href="/price">Price</a></li>
                    </ul>
                </div>
            </div>
            <div>
                <div>
                    <h2 class="title green"><a href="/faq">Faq</a></h2>
                    <ul>
                        <li><a href="/faq#faq-1">How to create BlogSpot and get ID ?</a></li>
                        <li><a href="/faq#faq-2">How to create Wordpress website</a></li>
                        <li><a href="/faq#faq-10">The differences between get content by HTML and get content by RSS ?</a></li>
                        <li><a href="/faq#faq-11">Selector ?</a></li>
                    </ul>
                </div>
            </div>
        </div>
        </div>
    </div>
</div>
<%@ include file='/layout/footer.jsp'%>        